<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      template="/layoutsFO/rechercheProduitLayout.xhtml"> 

<ui:define name="body">
<h:form id="resultatRecherche">
	<p:fieldset legend="Vin" rendered="#{mbRechercheProduit.listeVinsLength > 0}">
		<p:dataGrid columns="2" value="#{mbRechercheProduit.listeVins}" var="vin" styleClass="panelResultatProduit" paginator="true" paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}" rowsPerPageTemplate="4,6,8,16,30,50" paginatorPosition="bottom" paginatorAlwaysVisible="false" >
			<p:panel header="#{vin.libelle}" style="padding: 4px 4px;">
				<p:panelGrid columns="2" >
					<p:panelGrid columns="1" style="text-align:center">
						<p:graphicImage value="#{vin.image}" alt="image produit" styleClass="imageCatalogue" />
						<h:outputLabel value="#{vin.millesime}" />
						<h:outputLabel value="#{vin.prix}">
							<f:convertNumber type="currency"/>
						</h:outputLabel>
						<p:commandLink actionListener="#{mbRechercheProduit.loadDetailManagedBeanVin}" action="#{mbRechercheProduit.showDetail}">
						 	<f:attribute name="produit" value="#{vin }"/>
							<h:outputLabel styleClass="ui-icon ui-icon-search" style="margin:0 auto;" />
						</p:commandLink>
					</p:panelGrid>
					<p:panelGrid style="font-size:small;">
					   <p:row>
					       <p:column colspan="3"><h:outputLabel value="Ajouter au panier :" /></p:column>
					   </p:row>
					   <p:row>
					       <p:column style="padding-left:2px;"><h:outputLabel value="Quantité :" /></p:column>
					       <p:column><p:spinner id="quantiteVignette" styleClass="quantiteVignette" value="#{vin.quantite}" stepFactor="1" min="1" max="#{vin.stock}" />
					       <h:outputLabel  style="color:grey; font-style:italic;" value="  &nbsp; (Stock : #{vin.stock})" /></p:column>
					   </p:row>
					   <p:row>
					       <p:column colspan="2">
                               <p:commandButton value="Ajouter au panier" actionListener="#{mbPanier.ajoutPanier}" update=":panelPanierAccueil,:general_growl_form:general_growl">
                                   <f:attribute name="produit" value="#{vin.vin}"/>
                                   <f:attribute name="quantite" value="#{vin.quantite}" />
                               </p:commandButton>
                           </p:column>
					   </p:row>
					</p:panelGrid>
				</p:panelGrid>
			</p:panel>
		</p:dataGrid>
	</p:fieldset>
	<p:fieldset legend="Spiritueux" rendered="#{mbRechercheProduit.listeSpiritueuxLength > 0}">
		<p:dataGrid columns="2" value="#{mbRechercheProduit.listeSpiritueux}" var="spritueux" styleClass="panelResultatProduit" paginator="true" paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}" rowsPerPageTemplate="4,6,8,16,30,50" paginatorPosition="bottom" paginatorAlwaysVisible="false" >
			<p:panel header="#{spritueux.libelle}" styleClass="panelProduitRecherche">
				<p:panelGrid columns="2" >
					<p:panelGrid columns="1" style="text-align:center">
						<p:graphicImage value="#{spritueux.image}" alt="image produit" styleClass="imageCatalogue" />
						<h:outputLabel value="#{spritueux.millesime}" />
						<h:outputLabel value="#{spritueux.prix}">
							<f:convertNumber type="currency"/>
						</h:outputLabel>
						<p:commandLink actionListener="#{mbRechercheProduit.loadDetailManagedBeanSpiritueux}" action="#{mbRechercheProduit.showDetail}">
						 	<f:attribute name="produit" value="#{spritueux }"/>
							<h:outputLabel styleClass="ui-icon ui-icon-search" style="margin:0 auto;" />
						</p:commandLink>
					</p:panelGrid>
                    <p:panelGrid style="font-size:small;">
                       <p:row>
                           <p:column colspan="3"><h:outputLabel value="Ajouter au panier :" /></p:column>
                       </p:row>
                       <p:row>
                           <p:column><h:outputLabel value="Quantité : " /></p:column>
                           <p:column><p:spinner id="quantiteVignette" styleClass="quantiteVignette" value="#{spritueux.quantite}" stepFactor="1" min="1" max="#{spritueux.stock}" />
                           <h:outputLabel  style="color:grey; font-style:italic;" value="  &nbsp; (Stock : #{spritueux.stock})" /></p:column>
                       </p:row>
                       <p:row>
                           <p:column colspan="2">
                               <p:commandButton value="Ajouter au panier" actionListener="#{mbPanier.ajoutPanier}" update=":panelPanierAccueil,:general_growl_form:general_growl">
                                   <f:attribute name="produit" value="#{spritueux.spiritueux}"/>
                                   <f:attribute name="quantite" value="#{spritueux.quantite}" />
                               </p:commandButton>
                           </p:column>
                       </p:row>
                    </p:panelGrid>
				</p:panelGrid>
			</p:panel>
		</p:dataGrid>
	</p:fieldset>
	<p:fieldset legend="Accessoires" rendered="#{mbRechercheProduit.listeAccessoiresLength > 0}">
		<p:dataGrid columns="2" value="#{mbRechercheProduit.listeAccessoires}" var="accessoire" styleClass="panelResultatProduit" paginator="true" paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}" rowsPerPageTemplate="4,6,8,16,30,50" paginatorPosition="bottom" paginatorAlwaysVisible="false" >
			<p:panel header="#{accessoire.libelle}" styleClass="aze">
				<p:panelGrid columns="2" >
					<p:panelGrid columns="1" style="text-align:center">
						<p:graphicImage value="#{accessoire.image}" alt="image produit" styleClass="imageCatalogue" />
						<h:outputLabel value="#{accessoire.prix}">
							<f:convertNumber type="currency"/>
						</h:outputLabel>
						<p:commandLink actionListener="#{mbRechercheProduit.loadDetailManagedBeanAccessoire}" action="#{mbRechercheProduit.showDetail}">
						 	<f:attribute name="produit" value="#{accessoire }"/>
							<h:outputLabel styleClass="ui-icon ui-icon-search" style="margin:0 auto;" />
						</p:commandLink>
					</p:panelGrid>
                    <p:panelGrid style="font-size:small;">
                       <p:row>
                           <p:column colspan="3"><h:outputLabel value="Ajouter au panier :" /></p:column>
                       </p:row>
                       <p:row>
                           <p:column><h:outputLabel value="Quantité : " /></p:column>
                           <p:column><p:spinner id="quantiteVignette" styleClass="quantiteVignette" value="#{accessoire.quantite}" stepFactor="1" min="1" max="#{accessoire.stock}" />
                           <h:outputLabel  style="color:grey; font-style:italic;" value="  &nbsp; (Stock : #{accessoire.stock})" /></p:column>

                       </p:row>
                       <p:row>
                           <p:column colspan="2">
                               <p:commandButton value="Ajouter au panier" actionListener="#{mbPanier.ajoutPanier}" update=":panelPanierAccueil,:general_growl_form:general_growl">
                                   <f:attribute name="produit" value="#{accessoire.accessoire}"/>
                                   <f:attribute name="quantite" value="#{accessoire.quantite}" />
                               </p:commandButton>
                           </p:column>
                       </p:row>
                    </p:panelGrid>
				</p:panelGrid>
			</p:panel>
		</p:dataGrid>
	</p:fieldset>
	<p:panel header="Résultat de recherche" rendered="#{mbRechercheProduit.aucunResultat}">
	   <h:outputLabel value="La recherche n'a renvoyé aucun résultat" />
	</p:panel>
</h:form>
</ui:define>
</ui:composition>
